﻿/*全局样式*/
*{margin:0;padding:0;}
body{background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:14px; overflow-x:hidden; line-height:24px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width:100%; max-height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{ max-width:1200px !important; margin:0 auto;}
header{width:100%; float:left;}
main{width:100%; float:left;}
footer{width:100%; float:left;}
/*End*/

/*头部*/
.topbox{width:100%; overflow:hidden; line-height:30px; background:#007ad9;}
.top_L{float:left; font-size:12px; color:#fff;}
.top_R{float:right; padding-top:7px;}
.top_R a{float:left; font-size:16px; margin-left:15px; color:#fff; opacity:0.6;}
.top_R a:hover{opacity:1;}

.header{width:100%; float:left; background:#fff; position:relative; left:0; top:0; z-index:9999999; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.logo{float:left; padding:20px 0;}
.logo img{float:left; width:100%; max-width:396px; max-height:80px;}
.header_R{width:58%; float:right;}
.header_dianhua{float:right; height:54px; line-height:54px; padding-left:34px; background:url(../images/header_dianhua.png) no-repeat left center; color:#727272; font-size:18px; }
.header_dianhua span{float:right; font-family:Arial; font-weight:bold; font-style:oblique; font-size:24px; color:#007ad9;}

/*导航*/
nav{width:100%; float:left;}
nav ul{width:100%; float:left;}
nav ul li{width:14.285%; float:left; position:relative;}
nav ul li>a{display:block; overflow:hidden; padding:16px 0 6px 0;  color:#6e6e6e; text-align:center; transition:all 0.4s;}
nav ul li>a .nav_p{display:block; overflow:hidden; height:24px; line-height:24px; font-size:16px;}
nav ul li>a .nav_sp{display:block; overflow:hidden; height:20px; line-height:20px; font-size:14px; font-family:Arial; text-transform:uppercase;}
nav ul li:hover>a{background:#4298de; color:#fff;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; background:#fff; padding:2px 0; z-index:99999999; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.nav_sub dd{display:block; overflow:hidden;}
.nav_sub dd a{display:block; overflow:hidden; height:36px; line-height:36px; font-size:16px; color:#6e6e6e; text-align:center;}
.nav_sub dd a:hover{background:#4b9ddf; color:#fff;}
nav ul li:hover .nav_sub{display:block;}
/*END*/

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:23.02084%;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px; background:#fff; opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#4b9ddf;}
.banner .next{right:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END*/

.cpzx{width:100%; overflow:hidden; padding:60px 0;}
.cpzx_title{display:block; overflow:hidden; text-align:center;}
.cpzx_p{line-height:44px; font-size:36px; color:#6c7074; font-weight:bold; text-transform:uppercase;}
.cpzx_p span{color:#007ad9;}
.cpzx_sp{line-height:46px; font-size:30px; color:#6c7074; background:url(../images/heng1.png) no-repeat center center;}
.cpzx_spp{line-height:22px; font-size:14px; color:#000; margin-top:10px;}
.cpzx_ul{display:block; overflow:hidden; width:1224px;}
.cpzx_ul li{width:282px; float:left; margin:30px 24px 0 0;}
.cpzx_ul li a{display:block; overflow:hidden; padding:2px; border:1px solid #adadad; transition:all 0.4s;}
.cpzx_ul li a .cpzx_img{width:100%; overflow:hidden; border:1px solid #ececec; position:relative;}
.cpzx_ul li a .cpzx_img::before{content:""; display:block; padding-top:61.1722%;}
.cpzx_ul li a .cpzx_img img{transition:all 1s;}
.cpzx_ul li a .cpzx_txt{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:18px; color:#393939; margin-top:10px;}
.cpzx_ul li a .cpzx_more{width:100%; max-width:128px; display:block; margin:15px auto; border:1px solid #a8a8a8; transition:all 0.4s;}
.cpzx_ul li a .cpzx_more span{display:block; overflow:hidden; height:24px; line-height:22px; border:1px solid #fff; background:#a8a8a8; text-align:center; font-size:12px; color:#fff; transition:all 0.4s;}
.cpzx_ul li a:hover{border-color:#007ad9;}
.cpzx_ul li a:hover .cpzx_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzx_ul li a:hover .cpzx_more{border-color:#007ad9;}
.cpzx_ul li a:hover .cpzx_more span{background:#007ad9;}

.gsjj{width:100%; overflow:hidden; display:flex;}
.gsjj_L{width:48%; float:left; position:relative;}
.gsjj_L::before{content:""; display:block; padding-top:48.0435%;}
.gsjj_L::after{content:""; width:calc(100% - 12px); float:left; height:calc(100% - 12px); border:3px solid rgba(255,255,255,0.6); position:absolute; left:6px; top:6px;}
.gsjj_L .gsjj_L_title{width:100%; max-width:600px; float:right; position:absolute; right:0; top:0;}
.gsjj_L img{width:137px; float:left; height:162px;}
.gsjj_R{width:52%; float:left;}
.gsjj_B{width:100%; max-width:643px; float:left; padding:44px 0 44px 23px;}
.gsjj_title{display:block; overflow:hidden; height:71px; line-height:71px; background:url(../images/gsjj_title_bj.png) no-repeat center center; font-size:24px; color:#fff; font-weight:bold; text-indent:47px;}
.gsjj_txtB{display:block; overflow:hidden; border-left:1px solid #fff; border-right:1px solid #fff; padding:20px 20px 25px 30px; color:#fff;}
.gsjj_txt{display:block; overflow:hidden; height:112px; line-height:28px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; font-size:14px; color:#fff; text-indent:2em;}
.gsjj_dianhua{display:block; overflow:hidden; height:84px; line-height:28px; font-size:16px; color:#fff; margin-top:15px;}
.gsjj_more{display:block; overflow:hidden; background:url(../images/gsjj_more.png) no-repeat center center;}
.gsjj_more a{width:200px; float:right; height:24px; margin-right:18px;}

.tong{width:100%; overflow:hidden; padding-top:80px;}
.tong_L{width:49%; float:left; margin-top:30px;}
.tong_title{display:block; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e3e4e4;}
.tong_p{float:left; height:20px; line-height:20px; border-left:3px solid #007ad9; padding-left:10px; font-size:18px; color:#007ad9;}
.tong_sp{float:left; height:20px; line-height:20px; font-family:Arial; font-size:14px; color:#767676; text-transform:uppercase; padding-left:10px;}
.tong_more{float:right;}
.tong_more a{color:#007ad9; font-size:12px;}
.tong_more a:hover{color:#007ad9; text-decoration:underline !important;}
.tong_contect{display:block; overflow:hidden; padding-top:30px;}
.tong_B{display:block; overflow:hidden;}
.tong_B a{display:flex; background:#007ad9; overflow:hidden;}
.tong_B a .tong_img{width:165px; float:left; border-right:2px solid #fff;}
.tong_B a .tong_BB{width:calc(100% - 165px); float:left; overflow:hidden; padding:15px 20px;}
.tong_B a .tong_BB .tong_pp{display:block; overflow:hidden; height:24px; line-height:24px; font-size:16px; color:#fff; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s;}
.tong_B a .tong_BB .tong_pp span{float:right;}
.tong_B a .tong_BB .tong_heng{width:60px; height:3px; background:#fff; display:block; margin-top:10px; transition:all 0.4s;}
.tong_B a .tong_BB .tong_txt{display:block; overflow:hidden; height:48px; line-height:24px; font-size:12px; color:#fff; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:10px;}
.tong_B a:hover .tong_BB .tong_heng{width:100%;}
.tong_ul{display:block; overflow:hidden;}
.tong_ul li{display:block; overflow:hidden; border-bottom:1px dotted #7a7a7a;}
.tong_ul li a{display:block; overflow:hidden; height:60px; line-height:60px; text-overflow:ellipsis; white-space: nowrap; font-size:16px; color:#7a7a7a;}
.tong_ul li a span{float:right; font-size:14px;}
.tong_ul li a:hover{color:#007ad9; text-decoration:underline !important;}

.tong_R{width:49%; float:right; margin-top:30px;}
.ys_ul{display:block; overflow:hidden;}
.ys_ul li{display:block; overflow:hidden; margin-top:30px;}
.ys_ul li a{display:block; overflow:hidden; border:2px solid #f2f2f2; padding:10px 0 10px 10px; transition:all 0.4s;}
.ys_ul li a .ys_sub{width:55px; float:left; height:55px; line-height:55px; text-align:center; position:relative; margin-right:32px; background:#007ad9; font-family:Calibri; font-size:36px; color:#fff; font-style:oblique; transition:all 0.4s;}
.ys_ul li a .ys_sub::before{content:""; width:0; height:0; border-left:17px solid #145497; border-top:0 solid transparent; border-bottom:42px solid transparent; position:absolute; right:-17px; bottom:0; transition:all 0.4s;}
.ys_ul li a .ys_p{display:block; overflow:hidden; height:45px; line-height:44px; margin-top:10px; font-size:18px; color:#000; font-weight:bold; border-bottom:1px dotted #00458e; transition:all 0.4s; text-overflow:ellipsis; white-space: nowrap;}
.ys_ul li a .ys_sp{display:block; overflow:hidden; height:30px; line-height:30px; font-size:14px; color:#000; margin-top:15px; text-overflow:ellipsis; white-space: nowrap; padding:0 30px; position:relative; transition:all 0.4s;}
.ys_ul li a .ys_sp::before{content:""; width:10px; height:10px; float:left; border-radius:50%; background:#007ad9; position:absolute; left:10px; top:50%; transform: translateY(-50%); transition:all 0.4s;}
.ys_ul li a:hover{background:#007ad9; border-color:#007ad9;}
.ys_ul li a:hover .ys_sub{background:#fff; color:#007ad9;}
.ys_ul li a:hover .ys_sub::before{border-left-color:#f3f3f3;}
.ys_ul li a:hover .ys_p{color:#fff; border-bottom-color:#fff;}
.ys_ul li a:hover .ys_sp{color:#fff;}
.ys_ul li a:hover .ys_sp::before{background:#fff;}

.case{width:100%; overflow:hidden; padding:50px 0;}
.case_ul{display:block; overflow:hidden; width:1232px;}
.case li{width:276px; float:left; margin:35px 32px 0 0;}
.case li a{display:block; overflow:hidden; border:1px solid #a1a1a1; border-radius:4px; padding:1px; transition:all 0.4s;}
.case li a .case_img{width:100%; overflow:hidden; position:relative; border-radius:4px;}
.case li a .case_img::before{content:""; display:block; padding-top:81.61765%;}
.case li a .case_txt{width:100%; float:left; height:36px; line-height:36px; text-align:center; background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0 !important; background-color:#000; font-size:14px; color:#fff; transition:all 0.4s; position:absolute; left:0; bottom:0; z-index:9; transition:all 0.4s;}
.case li a:hover{border-color:#007ad9;}
.case li a:hover .case_txt{ background:rgba(0, 122, 217, 0.9) none repeat scroll 0 0 !important; background-color:#007ad9;}

.equ{width:100%; overflow:hidden; background:url(../images/equ_bj.jpg) no-repeat center center; background-size:cover; padding:50px 0;}
.equ-imgbox{padding-top:40px;}
.equ-imgbox .swiper-slide a{width:100%; float:left; overflow:hidden; position:relative;}
.equ-imgbox .swiper-slide a .equ_img{width:100%; overflow:hidden;}
.equ-imgbox .swiper-slide a .equ_img::before{content:""; display:block; padding-top:78.2313%;}
.equ-imgbox .swiper-slide a .equ_hover{width:100%; height:100%; float:left; display:flex; align-content:center; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; left:0; bottom:-100%; z-index:99; background:rgba(41, 172, 255, 0.7) none repeat scroll 0 0 !important; background-color:#29acff; transition:all 0.4s;}
.equ-imgbox .swiper-slide a .equ_hover::before{content:""; width:calc(100% - 14px); float:left; height:calc(100% - 14px); border:2px solid #fff; position:absolute; left:7px; top:7px; z-index:9;}
.equ-imgbox .swiper-slide a .equ_hover .equ_logo{width:100%; overflow:hidden;}
.equ-imgbox .swiper-slide a .equ_hover .equ_logo img{display:block; max-width:100%; height:auto; margin:0 auto;}
.equ-imgbox .swiper-slide a .equ_hover .equ_heng{width:100%; height:1px; overflow:hidden; margin:10px auto; position:relative;}
.equ-imgbox .swiper-slide a .equ_hover .equ_heng::before{content:""; width:100%; height:1px; max-width:118px; background:#fff; position:absolute; left:50%; top:0; transform: translateX(-50%);}
.equ-imgbox .swiper-slide a .equ_hover .equ_txt{width:100%; overflow:hidden; height:26px; line-height:26px; padding:0 20px; text-align:center; font-size:18px; color:#fff;}
.equ-imgbox .swiper-slide a:hover .equ_hover{bottom:0;}

.hz{width:100%; overflow:hidden; padding:40px 0;}
/*合作伙伴轮播图*/
.hz-imgbox{display:block; overflow:hidden; padding-top:30px;}
.hz-imgbox .swiper-slide a{width:100%; float:left; overflow:hidden; border:1px solid #c4c4c4; position:relative; transition:all 0.4s;}
.hz-imgbox .swiper-slide a::before{content:""; display:block; padding-top:35.7143%;}
.hz-imgbox .swiper-slide a:hover{border-color:#007ad9;}
/*End*/

footer{background:#007ad9;}
.link{display:block; overflow:hidden; font-size:16px; color:#fff; line-height:24px; padding:19px 0; border-bottom:1px solid #3696e1;}
.link a{color:#fff; margin:0 10px;}
.link a:hover{color:#fff; text-decoration:underline !important;}
.footer{display:block; overflow:hidden; font-size:14px; color:#fff; line-height:24px; padding:20px 0;}
.footer_L{float:left;}
.footer_R{float:right;}

/*关于我们*/
.main{width:100%; overflow:hidden; padding:60px 0;}
.main_left{width:262px; float:left;}
.about{width:100%; float:left; margin-bottom:40px;}
.about_title{display:block; overflow:hidden; height:60px; line-height:60px; background:url(../images/about_title.jpg) no-repeat center center; background-size:cover; color:#fff; font-size:18px; text-align:center;}
.about_ul{display:block; overflow:hidden; padding-top:5px;}
.about_ul li{display:block; overflow:hidden; margin-top:5px;}
.about_ul li a{display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; background:#ededed; font-size:16px; color:#5e5e5e; transition:all 0.4s;}
.about_ul li a:hover{background:#4298de; color:#fff;}
.about_ul li.about_on a{background:#4298de; color:#fff;}
.about_dl{display:block; overflow:hidden;}
.about_dl dd{display:block; overflow:hidden; border-bottom:1px dotted #c9ccce;}
.about_dl dd a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#8a8a8a; transition:all 0.4s;}
.about_dl dd a:hover{color:#007ad9;}
.about_B{display:block; overflow:hidden; padding-top:10px;}
.about_B img{width:100%; display:block; height:auto;}
.about_B span{display:block; overflow:hidden; background:#f6f6f6; padding:10px; font-size:14px; color:#282828; line-height:24px;}

.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; border-bottom:3px solid #d3d3d3; line-height:40px;}
.dqwz_p{float:left; font-size:18px; color:#222;}
.dqwz_nav{float:right; font-size:12px; color:#5f5f5f;}
.dqwz_nav span{color:#0256b4;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
/*End*/

/*产品中心*/
.cp_ul{display:block; overflow:hidden; width:930px;}
.cp_ul li{width:275px; float:left; margin:0 35px 35px 0;}
.cp_ul li a{display:block; overflow:hidden; border:1px solid #a1a1a1; padding:1px; border-radius:4px; transition:all 0.4s;}
.cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative; border-radius:5px 5px 0 0;transition:all 1s;}
.cp_ul li a .cp_img::before{content:""; display:block; padding-top:67.8967%;}
.cp_ul li a .cp_img img{transition:all 1s;}
.cp_ul li a .cp_txt{display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; background:#404040; font-size:14px; color:#fff; border-radius:0 0 4px 4px; transition:all 0.4s; z-index:9; position:relative;}
.cp_ul li a:hover{border-color:#1987dd;}
.cp_ul li a:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li a:hover .cp_txt{background:#1987dd;}

.cp_ul1{display:block; overflow:hidden; width:930px;}
.cp_ul1 li{width:275px; float:left; margin:0 35px 35px 0;}
.cp_ul1 li a{display:block; overflow:hidden; border:1px solid #a1a1a1; padding:1px; border-radius:4px; transition:all 0.4s;}
.cp_ul1 li a .cp_img{width:100%; overflow:hidden; position:relative; border-radius:5px 5px 0 0;transition:all 1s;}
.cp_ul1 li a .cp_img::before{content:""; display:block; padding-top:67.8967%;}
.cp_ul1 li a .cp_txt{display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; background:#404040; font-size:14px; color:#fff; border-radius:0 0 4px 4px; transition:all 0.4s; z-index:9; position:relative;}
.cp_ul1 li a:hover{border-color:#1987dd;}
.cp_ul1 li a:hover .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul1 li a:hover .cp_txt{background:#1987dd;}


.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:30px;}
.cpxq_img{display:block;overflow:hidden; padding:10px 0;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto; border:1px solid #c9c9c9;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; line-height:30px; color:#000;}
/*End*/

/*最新动态*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li a{display:flex; overflow:hidden;}
.xw_ul li a .xw_B{width:180px; overflow:hidden; float:left; background:#efefef; margin-right:20px;}
.xw_ul li a .xw_B .xw_img{width:100%; height:100%; overflow:hidden; transition:all 1s;}
.xw_ul li a .xw_BB{width:calc(100% - 200px); float:left;}
.xw_ul li a .xw_BB .xw_p{display:block; overflow:hidden; height:30px; line-height:30px; text-overflow:ellipsis; white-space: nowrap; font-size:18px; color:#7a7a7a; transition:all 0.4s;}
.xw_ul li a .xw_BB .xw_txt{display:block; overflow:hidden; height:60px; line-height:20px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; font-size:14px; color:#7a7a7a; transition:all 0.4s; margin-top:5px;}
.xw_ul li a .xw_BB .xw_sp{display:block; overflow:hidden; width:80px; height:30px; line-height:30px; background:#007ad9; font-size:12px; color:#fff; transition:all 0.4s; margin-top:5px; text-align:center;}
/*.xw_ul li a:hover{background:#4298de;}*/
.xw_ul li a:hover .xw_B .xw_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.xw_ul li a:hover .xw_BB .xw_p{color:#007ad9; text-decoration:underline !important;}
/*.xw_ul li a:hover .xw_BB .xw_txt{color:#fff;}
.xw_ul li a:hover .xw_BB .xw_sp{color:#fff;}
*//*End*/

/*联系我们*/
.contact{display:block; overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; line-height:30px; color:#000; margin-top:20px;}
.contact_map{display:block; overflow:hidden;}
#dituContentmap{width:100%; overflow:hidden; height:390px;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}
/*End*/

@media (max-width:1220px) {
/*头部*/
.topbox {padding:0 1%;}
.header {padding:0 1%;}
/*End*/

.cpzx {padding:60px 1%;}
.cpzx_ul {width:100%;}
.cpzx_ul li {width:23%; margin:30px 1% 0 1%;}

.gsjj_L img {float:none; display:block; margin:0 auto;}
.gsjj_title {background: url(../images/gsjj_title_bj.png) no-repeat left center;}
.gsjj_more {background: url(../images/gsjj_more.png) no-repeat right center; border-left:1px solid #fff;}

.tong {padding:60px 1% 0 1%;}
.case {padding:50px 1%;}
.case_ul {width:100%;}
.case li {width:23%; margin:30px 1% 0 1%;}

.equ {padding:50px 1%;}
/*.equ_ul {width:100%;}
.equ_ul li {width:24%; margin:0 0.5% 10px 0.5%;}*/

.hz {padding:40px 1%;}
.link {padding:19px 1%;}
.footer {padding:20px 1%;}

/*关于我们*/
.main{padding:50px 1%;}
.main_left{width:22%;}
.main_right{width:76%;}
/*End*/

/*产品中心*/
.cp_ul{width:100%;}
.cp_ul li{width:31.3333%; margin:0 1% 30px 1%;}

.cp_ul1{width:100%;}
.cp_ul1 li{width:31.3333%; margin:0 1% 30px 1%;}
/*End*/

}

@media (max-width:991px){
/*手机头部+导航*/
.icon-menu{float:right; cursor:pointer; width:45px; height:42px; background:url(../images/menu_logo.png) no-repeat center center; position:absolute;right:1%;top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.logo {width:100%; position:relative; padding:10px 0;}
/*End*/

/*导航*/
nav{width:100%; position:relative; padding:0; z-index:99999999999;}
nav ul {display:none; width:150px; padding:2px; background:rgba(0, 122, 217, 0.8) none repeat scroll 0 0 !important; background-color:#007ad9; position:absolute; right:0; top:0;}
nav ul li {width:100%; background:none; padding-right:0; border-bottom:1px solid #fff;}
nav ul li a {color: #fff; padding:5px 0;}
nav ul li>a .nav_p {height:20px; line-height:20px; font-size:14px;}
nav ul li>a .nav_sp {font-size:12px;}
nav ul li a:hover{background-color:#fff; color:#007ad9;}
/*END*/

/*banner*/
.banner .banner-imgbox .swiper-slide a{background:none !important;}
/*End*/

.cpzx {padding:30px 1%;}
.cpzx_ul li {width:31.33%; margin:20px 1% 0 1%;}
.gsjj_B {padding:30px 0 30px 20px;}
.tong {padding:30px 1% 0 1%;}
.case {padding:30px 1%;}
.case li {width:31.33%; margin:20px 1% 0 1%;}
.equ {padding:30px 1%;}
/*.equ_ul {padding-top:30px;}
.equ_ul li {width:32.33%;}*/
.hz {padding:30px 1%;}
.footer{display:flex; align-content:center; align-items:center; justify-content:space-between;}

/*关于我们*/
.main{padding:30px 1%;}
.main_left{width:29%;}
.main_right{width:69%;}
/*End*/

/*产品中心*/
.cp_ul li{margin:0 1% 20px 1%;}
.cp_ul1 li{margin:0 1% 20px 1%;}
/*End*/

/*最新动态*/
.xw_ul li{margin-bottom:30px;}
.xw_ul li a .xw_B{width:200px;}
.xw_ul li a .xw_BB{width:calc(100% - 200px);padding:20px;}
/*End*/


}

@media (max-width:767px){
/*手机头部+导航*/
.logo img{width:70%;}
.icon-menu {width:26px; height:24px;}
/*End*/

.cpzx {padding:15px 1%;}
.cpzx_p {line-height:30px; font-size:22px;}
.cpzx_sp {line-height:40px; font-size:20px;}
.cpzx_spp {line-height:20px; font-size:12px; margin-top:5px;}
.cpzx_ul li {width:48%; margin:10px 1% 0 1%;}
.cpzx_ul li a .cpzx_txt {height:30px; line-height:30px; font-size:14px; margin-top:5px;}
.cpzx_ul li a .cpzx_more {margin:5px auto;}

.gsjj {display:block;}
.gsjj_L{width:100%;}
.gsjj_L::before {padding-top: 80%;}
.gsjj_L img {width:100px; height:auto;}
.gsjj_R{width:100%;}
.gsjj_B {padding:10px;}
.gsjj_title {background:none; height:auto; line-height:30px; font-size:20px; text-indent:initial;}
.gsjj_txtB {border:none; padding:10px 0;}
.gsjj_txt {height:auto; line-height:24px; -webkit-line-clamp:initial;}
.gsjj_dianhua {height:auto; line-height:24px; font-size:14px; margin-top:5px;}
.gsjj_more {background:none; border-left:none;}
.gsjj_more a {width:120px; float:left; height:34px; line-height:30px; background:#fff; text-align:center; color:#007ad9; margin-right:0; border:2px solid #fff; transition:all 0.4s;}
.gsjj_more a:hover{background:#007ad9; color:#fff;}

.tong {padding:15px 1% 0 1%;}
.tong_L {width:100%; margin-top:10px;}
.tong_contect {padding-top:10px;}
.tong_B a .tong_img {width:105px;}
.tong_B a .tong_BB {width: calc(100% - 105px); padding:10px;}
.tong_ul li a {height:40px; line-height:40px; font-size:14px;}
.tong_R {width:100%; margin-top:10px;}
.ys_ul li {margin-top:10px;}

.case {padding:15px 1%;}
.case li {width:48%; margin:10px 1% 0 1%;}
.equ {padding:15px 1%;}
.equ-imgbox {padding-top:15px;}
/*.equ_ul {padding-top:15px;}
.equ_ul li {width:48%; margin: 0 1% 10px 1%;}*/
.hz {padding:15px 1%;}
.hz-imgbox {padding-top:15px;}
.link {padding:10px 1%;}
.footer {padding:10px 1%; display:block;}
.footer_L{width:100%;}
.footer_R{width:100%;}

/*关于我们*/
.main{padding:15px 1%;}
.main_left{width:100%;}
.about{margin:0;}
.about_title {height:50px; line-height:50px; background:url(../images/sj_jiantou.png) no-repeat right center,url(../images/about_title.jpg) no-repeat center center;    background-size:32px 55px,cover; font-size:20px; text-align:left; text-indent:20px;}
.about_ul{display:none; padding:0;}
.about_dl{display:none;}
.main_right{width:100%;}
.dqwz_contect{padding-top:15px;}
/*End*/

/*产品中心*/
.cp_ul li{width:48%; margin:0 1% 10px 1%;}
.cp_ul1 li{width:48%; margin:0 1% 10px 1%;}
/*End*/

/*最新动态*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_B{width:120px;}
.xw_ul li a .xw_BB{width:calc(100% - 120px);padding:5px;}
.xw_ul li a .xw_BB .xw_txt {height:60px; line-height:20px; margin-top:5px;}
.xw_ul li a .xw_BB .xw_sp {margin-top:5px;}
/*End*/


}
/*手机底部*/
.hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#007ad9;}
.hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;}
.hot h6{ font-size:12px; line-height:20px; text-align:center !important;}
.hot .row{margin:0 !important;}
.hot .row div{padding:0 !important;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover a{background:#fff;color:#007ad9;}
.hot .row div:hover span{color:#007ad9;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #fff;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*End*/


/*浮动QQ*/
.dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200;}
.dock.close { z-index: 50;}
.dock ul.icons {position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock.close ul.icons { right: -70px;}
.dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210;}
.dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4;}
.dock ul.icons li.up i { background-position: -63px -150px;}
.dock ul.icons li.tel i { background-position: -62px -108px;}
.dock ul.icons li.im i { background-position: -63px -20px;}
.dock ul.icons li.wechat i { background-position: -59px -66px;}
.dock ul.icons li.down i { background-position: -63px -190px;}
.dock ul.icons li p { display: block; position: absolute; top: 50px; right: -260px; padding: 15px 20px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201;}
.dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
.dock ul.icons li.tel p { width: 143px; height:130px; line-height:30px}
.dock ul.icons li.im p { width: 140px; height:170px; line-height:30px}
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773;}
.dock ul.icons li.wechat p { width: 180px; height:180px; line-height:30px}
.dock ul.icons li.wechat p img { border: 2px solid #000;}
.dock a.switch { position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s;}
.dock a.switch.off { background-position: -32px -640px;}
@media (max-width:479px){
.dock { display:none;}
}

.clear { clear:both; }
.load-more { padding: 24px 0; text-align:center; }
.load-more a {  background: #fff; border: 1px solid #aaaaaa; border-radius: 9px; text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }
.load-more a:hover { background:#c3c3c3b8; }
.load-more span { text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }